<!DOCTYPE html>
<html lang="zh">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  <meta name="keywords" content="select">
  <meta name="description" content="select">
  <title>区域管理</title>
  <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <link rel="stylesheet" type="text/css" href="../css/materialdesignicons.min.css">
  <!-- 引入 bootstrap 样式 -->
  <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
  <!-- 校验样式 -->
  <link rel="stylesheet" type="text/css" href="../js/bootstrap-validator/bootstrapValidator.css">
  
  <link rel="stylesheet" type="text/css" href="../css/style.min.css">
  <link rel="stylesheet" type="text/css" href="../css/form.css">
  <link rel="stylesheet" type="text/css" href="../css/districtManagement.css">
</head>

<body>
  <div class="container-fluid p-t-15">

    <div class="card">

      <!-- 区域列表 list -->
      <div class="district-tree">
        <!-- header -->
        <div class="div-header">
          <span>区域管理</span>
        </div>
        <!-- content -->
        <div class="div-content">
          <div class="innerUl">

          </div>
        </div>
      </div>

      <!-- 区域详情 detail -->
      <div class="district-detail">
        <!-- header -->
        <div class="div-header">
          <span>区域详情</span>
        </div>
        <!-- content -->
        <div class="div-content">
          <div class="detail-con">
            <div class="title">
              <span>区域管理</span>
              <div class="add-children">
                <i class="mdi mdi-plus"></i>
                添加子区域
              </div>
            </div>

            <form id="formData" class="form-con">

              <div class="el-form-item">
                <div class="el-form-item__label">上级区域：</div>
                <div class="el-form-item__content">
                  <input type="text" name="pName" readonly placeholder="请选择上级区域">
                </div>
              </div>

              <div class="el-form-item">
                <div class="el-form-item__label">区域码：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="areaCode" class="form-control" required data-bv-trigger="blur"
                    data-bv-notempty-message="区域码不能为空" placeholder="请输入区域码">
                </div>
              </div>

              <div class="el-form-item">
                <div class="el-form-item__label">区域名称：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="areaName" class="form-control" required data-bv-trigger="blur"
                    data-bv-notempty-message="区域名称不能为空" placeholder="请输入区域名称">
                </div>
              </div>

              <div class="el-form-item">
                <div class="operate-btn">
                  <button type="button" class="btn btn-success" onclick="saveBtn()">保存</button>
                  <!-- <button type="button" class="btn btn-outline-success" onclick="cancleBtn()">取消</button> -->
                </div>
              </div>

            </form>
          </div>
        </div>
      </div>

      <!-- 帮助说明 help explain -->
      <div class="help-explain">
        <!-- header -->
        <div class="div-header">
          <span>帮助与说明</span>
        </div>
        <!-- content -->
        <div class="div-content">
          <div class="explain-con">
            <div class="title">区域码说明</div>
            <div class="con">1区域码长度为12位，1-2位表示省级区域码，3-4位表示市级区域码，5-6位表示县级区域码，7-8位表示乡镇区域码，9-10位表示村区域码,后面默认补充两个0</div>
            <div class="title">添加子区域</div>
            <div class="con bt">
              <p>第一步: 点击左侧下拉菜单区域名称，获取父级区域码</p>
              <p>第二步:点击[添加子区域] 按钮，根据父级区域码修改新增子区域码标识位，添加市级修改3-4位、添加县级区域修改第5-6位，添加乡镇修改7-8位，添加村修改9-10位，标识位范围01-99，不能为00</p>
            </div>
            <div class="title">备注</div>
            <div class="con">新增子区域时，已提供建议区域码，请修改标示位[xx] 为01-99</div>
          </div>
        </div>
      </div>

    </div>

  </div>

  <script type="text/javascript" src="../js/jquery.min.js"></script>
  <script type="text/javascript" src="../js/popper.min.js"></script>
  <script type="text/javascript" src="../js/bootstrap.min.js"></script>
  <!-- 校验js -->
  <script type="text/javascript" src="../js/bootstrap-validator/bootstrapValidator.js"></script>
  <script type="text/javascript" src="../js/main.min.js"></script>
  <!-- 下拉框 js -->
  <script type="text/javascript" src="../js/xm-select.js"></script>
  <!-- 正则校验 -->
  <script type="text/javascript" src="../utils/validator.js"></script>
  <!-- tree js -->
  <script type="text/javascript" src="../js/proTree.js"></script>
  <script type="text/javascript" src="../js/districtManagement.js"></script>
</body>

</html>